<!DOCTYPE html>
<html>

<head>
<!--       <script type="text/javascript" src="/cdr/scripts/jquery/jquery-1.7.2.js"></script>
  	<script type="text/javascript" src="/cdr/scripts/jquery/plugin/jquery-ui-1.8.16.custom.min.js"></script> -->
  	<script type="text/javascript" src="/cdr/scripts/jquery/jquery-1.7.2.js"></script>
  	<script type="text/javascript" src="/cdr/tests/testscript/jquery-ui-1.9.2-min.js"></script>
  	<script type="text/javascript" src="/cdr/scripts/plugin/jquery.jsPlumb-1.4.0-all.js"></script>
  	<script type="text/javascript" src="/cdr/tests/testscript/testJsPlumb.js"></script>
    <style type="text/css">

        .dragActive { border:2px dotted orange; }
        .dropHover { border:1px dotted red; }
        .rootNode {
            background-color: #79deff;
            width: 80px;
            height: 80px;
            position: absolute;
            background-image: url(/cdr/images/monitor/monitor_server.png);
			background-size: 75px 75px;
			background-repeat: no-repeat;
			background-position:center;
			-webkit-box-shadow: #909090 0px 0px 10px;
			-moz-box-shadow: #909090 0px 0px 10px;
			box-shadow: #909090 0px 0px 10px;
        }
        .instanceNode {
        //    background-color: #50d4ff;
            width: 60px;
            height: 80px;
            position: absolute;
            background-image: url(/cdr/images/monitor/instance_big.png);
			background-size: 50px 53px;
			background-repeat: no-repeat;
			background-position:center;
			-moz-background-size: 50px 53px;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdr/images/monitor/instance_big.png', sizingMethod='scale')\9;
			-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdr/images/monitor/instance_big.png',sizingMethod='scale')"\9;
			cursor:pointer;
			/* -webkit-box-shadow: #666 0px 0px 10px;
			-moz-box-shadow: #666 0px 0px 10px;
			box-shadow: #666 0px 0px 10px; */
        }
        .dbNode {
        //    background-color: #50d4ff;
            width: 60px;
            height: 80px;
            position: absolute;
            background-image: url(/cdr/images/monitor/ORA.png);
			background-size: 50px 53px;
			background-repeat: no-repeat;
			background-position:center;
			-moz-background-size: 50px 53px;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdr/images/monitor/ORA.png', sizingMethod='scale')\9;
			-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdr/images/monitor/ORA.png',sizingMethod='scale')"\9;
			cursor:pointer;
        }
        .extNode {
        //    background-color: #50d4ff;
            width: 60px;
            height: 80px;
            position: absolute;
            background-image: url(/cdr/images/monitor/extract_monitor.png);
			background-size: 50px 53px;
			background-repeat: no-repeat;
			background-position:center;
			-moz-background-size: 50px 53px;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdr/images/monitor/extract_monitor.png', sizingMethod='scale')\9;
			-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdr/images/monitor/extract_monitor.png',sizingMethod='scale')"\9;
			cursor:pointer;
        }
        .pmpNode {
        //    background-color: #50d4ff;
            width: 60px;
            height: 80px;
            position: absolute;
            background-image: url(/cdr/images/monitor/pump_monitor.png);
			background-size: 50px 53px;
			background-repeat: no-repeat;
			background-position:center;
			-moz-background-size: 50px 53px;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdr/images/monitor/pump_monitor.png', sizingMethod='scale')\9;
			-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdr/images/monitor/pump_monitor.png',sizingMethod='scale')"\9;
			cursor:pointer;
        }
        .repNode {
        //    background-color: #50d4ff;
            width: 60px;
            height: 80px;
            position: absolute;
            background-image: url(/cdr/images/monitor/replicat_monitor.png);
			background-size: 50px 53px;
			background-repeat: no-repeat;
			background-position:center;
			-moz-background-size: 50px 53px;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdr/images/monitor/replicat_monitor.png', sizingMethod='scale')\9;
			-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdr/images/monitor/replicat_monitor.png',sizingMethod='scale')"\9;
			cursor:pointer;
        }
        .trailNode {
        //    background-color: #50d4ff;
            width: 45px;
            height: 60px;
            position: absolute;
            background-image: url(/cdr/images/monitor/trail.png);
			background-size: 35px 38px;
			background-repeat: no-repeat;
			background-position:center;
			-moz-background-size: 35px 38px;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdr/images/cdr/images/monitor/trail.png', sizingMethod='scale')\9;
			-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdr/images/monitor/trail.png',sizingMethod='scale')"\9;
			cursor:pointer;
        }
        .nodeWord{
	        font-weight: bold;
			font-size: 14px;
			text-align: center;
			position: absolute;
			bottom: 0;
			width: 100%;
        }
		.cursorEndpoint{
			cursor:pointer;
		}
    </style>

</head>

<body style="overflow: scroll;">
<div id="top_server" class="rootNode"><div style=""></div></div>
</body>


</html>